<template>
  <div>
    <AA v-if='flag' />
    <BB v-else />
    <CC />
    <button @click="flag = !flag">q q</button>
  </div>
</template>
<script>
// @ is an alias to /src
// import AA from './components/AA'
// import BB from './components/BB'
import myLoading from './components/my-loading'
import CC from './components/CC.jsx'
export default {
  name: 'XXX',
  data() {
    return {
      flag: true
    }
  },
  components: {
    CC,
    AA: () => ({
      component: import('./components/AA'),
      loading: myLoading
    }),
    BB: () => import(/*webpackChunkName:"bbbbbbbb"*/'./components/BB')
  }
}
</script>
<style lang="less">
</style>